<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__HOME__/css/bootstrap.css">
    <link rel="stylesheet" href="__HOME__/css/common.css">
    <script src="__HOME__/js/jquery-3.2.1.min.js"></script>
    <script src="__HOME__/js/bootstrap.js"></script>
    <title>菲博特123</title>
</head>
<body>
{include file="layout/head" /}
<div class="contain">

    <div class="news-center">
        <ul class="news-list">
            {volist name="articles" id="article"}
            <li>
                <a href="#"><img src="{$article.pic}" alt="" width="190" height="126"></a>
                <div class="news-digest">
                    <a href="{:url('article/detail',array('id'=>$article['id']))}" class="news-title">{$article.title}</a>
                    <a href="{:url('article/detail',array('id'=>$article['id']))}" class="news-content">{$article.content}</a>
                    <span >发布时间：{$article.date} </span>
                </div>
            </li>
            {/volist}
        </ul>
        <nav>
            {$page}
        </nav>
    </div>
</div>


</div>
{include file="layout/footer" /}
<script src="__HOME__/js/common.js"></script>
<script>
    $('#myCarousel').carousel();
    $('.list-focus li').mouseover(function () {
        $('.list-focus li').removeClass('active');
        $(this).addClass('active');
        var index=$(this).index();
        $('.focus-con li').removeClass('active');
        $('.focus-con').find('li').eq(index).addClass('active');
    })
</script>
</body>
</html>